@import url(public.css);.m-top-top { height: 40px; border-bottom: 1px #dedede solid; background-color: #f9f9f9;line-height:40px;}
.m-top-top span.f-fl { line-height: 39px }
.m-top-top a { margin:0 10px; line-height: 39px; }
.m-top-top i { float: right; line-height: 36px; color: #aaa }
.m-top-logo { background-color: #fff; height: 90px; }
.m-top-logo span.f-fl { margin:15px 0 0 0; }
.logo{margin-top:12px;}
.logo img{height:48px;}
.m-top-logo .m-search { border:3px #67809f solid; margin: 17px 0 0 0 }
.m-top-logo .m-search i { width: 60px; height: 34px; line-height: 34px; color: #919191; text-align: center; font-style:normal; font-size: 12px; display: none }
.m-top-logo .m-search input { width: 460px; height: 34px; line-height: 34px; text-indent: 10px; background: #fff; margin: 0; padding: 0; border:none; font-size: 12px }
.m-top-logo .m-search input:focus { border:none; outline: 0; }
.m-top-logo .m-search .m-ssbtn { width: 97px; height: 34px; line-height: 34px; color: #fff; background-color: #67809f; text-align: center; font-size: 16px; }
.m-top-logo .m-hotsearch { height: 34px; line-height: 34px; overflow: hidden; }
.m-top-logo .m-hotsearch span { color: #a9afbc }
.m-top-logo .m-hotsearch a { margin-right: 10px; }
.m-top-logo .m-hotsearch a.m-hot { color: #67809f }
.g-nav1 { background-color: #67809f; position: relative; }
.g-nav1 ul li { margin-right: 3px;float:left;}
.g-nav1 ul li a{ display:block; width: 147px; height: 49px; line-height: 49px;border-top: 3px #67809f solid; text-align: center; font-size: 16px; color: #fff}
.g-nav1 ul li a:hover,.g-nav1 ul li.m-hover a { background-color: #f8f8f8; color: #0080cc; border-top-left-radius: 8px;border-top-right-radius: 8px; }
.g-nav1 ul li.m-hover a { font-weight: 800}
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    .m-top-logo{height:55px;}
    .m-top-top{display:none;}
    .m-top-logo a img{height:48px;}
    .slogan-img{display:none}
    .m-top-logo .m-search{display:none}
    .g-nav1{display:none;position:fixed;top:55px;left:0px;width:100%;height:100%;background:#FFF;border-top:1px solid #EEE;}
    .g-nav1 ul li{float:none;}
    .g-nav1 ul li a{width:100%;border-top:0px;border-radius:0px;color:#333;}
    .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:20px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .header_box li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .header_box a {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.qiming-icon{background:url(/static/img/qiming-style.jpg) no-repeat;width:40px;height:40px;position:absolute;display:block;}
.qiming-icon-1{left:10px;top:10px;}
.qiming-icon-2{right:10px;top:10px;background-position:right top;}
.qiming-icon-3{bottom:10px;left:10px;background-position:left bottom;}
.qiming-icon-4{bottom:10px;right:10px;background-position:right bottom;}
.qiming-form{padding:25px;background:#FFF;border-radius:5px;border:2px solid #b89889;background:url(/static/img/qiming-bg.png) bottom center no-repeat;position:relative;}
.qiming-title{background:url(/static/img/qiming-title.svg) no-repeat;width:196px;height:45px;margin:0px auto;padding-bottom: 15px;}
.qiming-form .inpBox{text-align: left;  border-radius: 5px; width: 360px; height: 42px; line-height: 42px; font-size: 14px; padding-left: 12px; color: #888; background: #f4f3f5; border:1px solid #e3e6e8; box-sizing: border-box; margin:0px auto;margin-top:20px;}
.qiming-form .inpBox input{border:none; outline: none; padding-left: 30px; width: 280px; height: 42px; line-height: 42px; background:none;font-size:14px;}
.qiming-form .inpBox label input[type="radio"]{outline: none;  width: 20px; height: 20px; border-radius: 20px; box-sizing: border-box; background: none; border:none; background: #fff; border: 1px solid #b8b8b6; padding: 0; vertical-align: sub; margin:0 5px 0 20px;}
.qiming-form .inpBox label:first-child{margin-right:20px;}
.qiming-form .inpBox label:first-child input[type="radio"]{ margin-left:30px;}
.qiming-form .inpBox label{color: #333;}
.qiming-btn{width:112px;height:40px;line-height:40px;margin:0px 10px;display:inline-block;vertical-align:middle;cursor:pointer;}
.right .qiming-form{margin-bottom:15px;}
.right .qiming-form .inpBox{width:280px}
.right .qiming-form .inpBox input{width:200px}
.right .qiming-btn{width:100px;margin:0px 4px;}
@media screen and (max-width:1000px) {
    .qiming-form .inpBox{width:auto !important;}
    .qiming-form .inpBox input{width:auto;}
    .qiming-form .inpBox label:first-child input[type="radio"]{margin-left:20px;}
}

.guoxue-box-left {width: 290px; height:370px; border-radius: 4px; background: #fff; overflow: hidden;float:left;}
.guoxue-box-left img{width:290px;height:370px}
.guoxue-form1{width:880px;float:right;background:#FFF;border-radius:5px;}
.guoxue-form1 .guoxue-form1-tab {position:relative;background:#e1e1e1;border-radius:5px;overflow:hidden;}
.guoxue-form1 .guoxue-form1-tab:before {content:'';position:absolute;bottom:0px;width:100%;}
.guoxue-form1 .guoxue-form1-tab span{font-size:16px;position:relative;display:block;float:left;height:50px;line-height:50px;cursor:pointer;width:33.333333%;text-align:center;font-weight:bold;color:#999;}
.guoxue-form1 .guoxue-form1-tab span.active{color:#FFF;font-weight:bold;background:#eab262;border-radius:5px;}
.guoxue-form1 .guoxue-form1-tab span.active:after {content: ''; display: block;position: absolute;left:50%;margin-left:-8px;width: 0; height: 0; border: 8px solid #eab262; border-color: #eab262 transparent transparent transparent;}
.guoxue-form1 .guoxue-form1-box{display:none;padding:10px 20px 20px 20px;}
.guoxue-form1 .guoxue-form1-box.active {display:block;}
.guoxue-form1-tips{text-align:center;padding:15px;}
.guoxue-form1-tips span{background:#EEE;padding:0px 18px;display:inline-block;height:30px;line-height:30px;color:#333;border-radius:30px;}

.guoxue-form1 .guoxue-form1-box .inpBox{text-align: left; display:inline-block; border-radius: 5px; width: 400px; height: 56px; line-height: 56px; font-size: 16px; padding-left: 8px; color: #888; background: #f4f3f5; border:1px solid #e3e6e8; box-sizing: border-box; margin: 8px; }
.guoxue-form1 .guoxue-form1-box .inpBox input{border:none; outline: none; padding-left: 30px; width: 280px; height: 56px; line-height: 56px; background:none;font-size:16px;}
.guoxue-form1 .guoxue-form1-box .inpBox input[type="text"]{color: #333;}
.guoxue-form1 .guoxue-form1-box .inpBox label input[type="radio"]{outline: none;  width: 20px; height: 20px; border-radius: 20px; box-sizing: border-box; background: none; border:none; background: #fff; border: 1px solid #b8b8b6; padding: 0; vertical-align: sub; margin:0 5px 0 20px;}
.guoxue-form1 .guoxue-form1-box .inpBox label:first-child input[type="radio"]{ margin-left: 30px; }
.guoxue-form1 .guoxue-form1-box .inpBox label{color: #333;}
.guoxue-form1 .guoxue-form1-box .inpBox.long{ width: 820px !important;}
@media screen and (max-width:1000px) {
    .guoxue-box-left{display:none;}
    .guoxue-form1{width:100%;}
    .guoxue-form1 .guoxue-form1-box.active{padding:10px;}
    .guoxue-form1-tips{padding:6px;}
    .guoxue-form1-tips span{line-height:24px;height:auto;padding:6px 10px;color:#999;}
    .guoxue-form1 .guoxue-form1-box .inpBox,.guoxue-form1 .guoxue-form1-box .inpBox.long{width:auto !important;;position:relative;display:block;}
    .guoxue-form1 .guoxue-form1-box .inpBox input{width:auto;}
    .guoxue-form1 .guoxue-form1-box .inpBox label:first-child input[type="radio"]{margin-left:20px;}
}

.focus-l{width:500px;float:left;margin-left:15px;}
.banner{width:500px;height:280px;position:relative;}
.banner img{width:500px;height:280px;}
.focus-recommend{margin-top:20px;background:#FFF;clear:both;overflow:hidden;}
.focus-recommend h2{font-size:16px;padding:0px 12px;line-height:40px;border-bottom:1px solid #EEE;}
.focus-recommend ul li{padding:15px;overflow:hidden;}
.focus-recommend ul li img{width:85px;height:60px;border-radius:8px;float:left;margin-right:10px;}
.focus-recommend ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.focus-recommend ul li p.news-title a{color:#333;font-size:16px;}
.focus-recommend ul li p time{float:left;font-size:14px;color:#999;}
.focus-recommend ul li p span{float:right;font-size:14px;color:#999;}


.focus{width:422px;float:left;}
.focus ul{background:#FFF;padding:12px 15px 11px 15px;border-top:1px solid #EEE;}
.focus ul:nth-child(1){border-top:0px;}
.focus li{clear:both;height:35px;line-height:35px;overflow:hidden;padding-left:12px;position:relative;}
.focus li a{float:left;color:#666;font-size:16px;}
.focus li.bold a{color:#000}
.focus li time{float:right;color:#999;font-size:12px;}
.focus li:after{content:"";background:#ccc;width:4px;height:4px;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;display:block;position:absolute;left:0;top:50%;}

.focus-r{width:222px;float:right;padding:0px 12px 12px 12px;background:#FFF;}
.focus-r h2{font-size:16px;padding:0px 12px;line-height:40px;border-bottom:1px solid #EEE;}
.focus-r ul li {position:relative;padding:9px 10px 10px 35px;font-size:12px;overflow:hidden;}
.focus-r ul li i.rank {width:22px;height:62px;line-height:60px;display:inline-block;text-align:center;position:absolute;top:8px;left:0px;background:#EEE;color:#666;}
.focus-r ul li i.rank.rank1,
.focus-r ul li i.rank.rank2,
.focus-r ul li i.rank.rank3 {background:red;color:#FFF}
.focus-r ul li img {width:62px;height:62px;border-radius:5px;vertical-align:middle;margin-right:15px;float:left;}
.focus-r ul li p{font-size:14px;height:26px;line-height:24px;overflow:hidden;}
.focus-r ul li p:last-child {margin-top:3px;}
@media screen and (max-width:1000px) {
    .focus{width:auto;float:none;}
    .focus-l{width:auto;float:none;margin-left:0px;}
    .banner{width:100%;}
    .focus-recommend{margin-top:0px}
    .focus-r{width:auto;float:none;margin-top:10px;}
}

.zixun-box{width:860px;float:left;background:#FFF;border-radius:5px;}
.zixun-box .zixun-tab {position:relative;}
.zixun-box .zixun-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.zixun-box .zixun-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.zixun-box .zixun-tab span.active{color:#dc191b;font-weight:bold;}
.zixun-box .zixun-tab span.active:after {content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.zixun-box .zixun-list{display:none;}
.zixun-box .zixun-list.active {display:block;}
.zixun-box .zixun-list ul li{clear:both;padding:15px;overflow:hidden;}
.zixun-box .zixun-list ul li img{float:left;width:240px;height:150px;border-radius:8px;margin-right:15px;}
.zixun-box .zixun-list ul li p.zixun-title{position:relative;padding-right:65px;height:30px;line-height:30px;}
.zixun-box .zixun-list ul li p.zixun-title time{position:absolute;right:0px;top:0px;font-size:12px;color:#666;}
.zixun-box .zixun-list ul li p.zixun-title a{color:#333;font-size:16px;}
.zixun-box .zixun-list ul li p.zixun-desc{font-size:14px;color:#999;padding-top:15px;line-height:24px;height:48px;overflow:hidden;}

.zixun-read{background:#FFF;width:320px;float:right;}
.zixun-read-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.zixun-read ul{overflow:hidden;}
.zixun-read ul li{clear:both;overflow:hidden;padding:16px 20px;}
.zixun-read ul li img{width:88px;height:88px;border-radius:8px;float:left;margin-right:15px;}
.zixun-read ul li .zixun-read-title{font-size:16px;}
.zixun-read ul li .zixun-read-type{color:#999;margin-top:8px;}
.zixun-read ul li .zixun-read-down{margin-top:8px;}
@media screen and (max-width:1000px) {
    .zixun-box{width:auto;float:none;}
    .zixun-box .zixun-list ul li{padding:12px;}
    .zixun-box .zixun-list ul li img{width:108px;height:80px;}
    .zixun-box .zixun-list ul li p.zixun-title{padding-right:0px;overflow:hidden;}
    .zixun-box .zixun-list ul li p.zixun-title time{display:none;}
    .zixun-box .zixun-list ul li p.zixun-desc{padding-top:8px;line-height:20px;font-size:12px;overflow:hidden;height:40px;}
    .zixun-read{float:none;margin-top:8px;clear:both;margin-top:8px;width:auto;}
    .zixun-read ul li{border-top:1px solid #EEE;}
}

.ask-list-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.ask-list-title h2{float:left;font-size:18px;}
.ask-list-title a{float:right;}
.ask-list{clear:both;background:#FFF;overflow:hidden;padding-bottom:18px;margin-top:20px;}
.ask-list ul li{display:flex;position: relative;margin-top:20px;width:370px;float: left;margin-left:20px;}
.ask-list ul li:nth-child(3n){margin-right:0px;}
.ask-list ul li .index-ask-nameimg{width:52px;height:52px;object-fit:cover;margin-right:16px;border-radius:100%;}
.ask-list ul li i{display: inline-block;width:12px;height:12px;background:#f0f0f0;clip-path: polygon(0px 6px,12px 12px,12px 0px);position:absolute;left:57px;top:23%;}
.ask-list ul li .index-ask-r{width:calc(100% - 68px);min-height:52.5px;border:1px solid #f0f0f0;background:#f7f7f7;border-radius:6px ;overflow: hidden;padding:12px;}
.ask-list ul li .index-ask-ra{font-size:13px;font-weight:bold;color:#1a1a1a;overflow : hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;line-height:18px;}.ask-list ul li .index-ask-rb p{height:44px;line-height:22px;overflow:hidden;padding-top:8px;color:#666;}
.ask-list ul li .index-ask-rb span{font-size:12px;color:#999999;margin-top:8px;}.ask-list ul li .index-ask-rb span:last-child{float: right;}
.ask-list ul li .index-ask-rb span em{color:#f866aa;}
@media screen and (max-width:1000px) {
    .ask-list{margin-top:10px;}
    .ask-list ul li,.ask-list ul li:nth-child(3n){float:none;margin:12px;width:auto;}
    .ask-list ul li .index-ask-nameimg{width:36px;height:36px;}
    .ask-list ul li i{left:41px;top:15px;}
}

.new-update{background:#FFF;overflow:hidden;}
.new-update ol{padding:15px 0px;overflow:hidden;}
.new-update ol li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}

.index-friends{background:#FFF;}
.index-friends .t {padding:0px 15px;font-size:16px;line-height:38px;height:38px;position:relative;border-bottom:1px solid #EEE;}
.index-friends .t .more {position:absolute;right:15px;top:0;font-size:12px}
.index-friends .b{padding:15px}
.index-friends .b a {float:left;margin:10px 0 0 0;line-height:20px;padding-right:15px}
.index-friends .b a+a {border-left:1px solid #eee;padding:0 15px}
.foot {width:100%;background-color:#fff;border-top:3px solid #0cc6c6;margin-top:20px;}
.foot-line {text-align:center;line-height:60px;width:100%;overflow:hidden;border-bottom:1px solid #eee;border-top:1px solid #eee;position:relative}
.foot-line a{margin:0px 8px;vertical-align:middle}
.foot-line a,.copyright a {color:#a0a0a0}
.foot-line a:hover,
.copyright a:hover {color:#0cc6c6}
.copyright {text-align:center;color:#a0a0a0;padding:15px 0}
.copyright p {margin:5px 0}
.mobile-nav{display:none;}
@media screen and (max-width:1000px) {
    .footer{display:none}
    .new-update ul li{float:none;width:auto;}

    .mobile-nav{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#000000;z-index:9999;}
    .mobile-nav ul{display:flex;}
    .mobile-nav li{width:20%;}
    .mobile-nav li a{display:block;padding:5px 0px;color:#FFF;}
    .mobile-nav li p:nth-child(1){padding-bottom:3px;font-size:13px;}
    .mobile-nav li p .icons{font-size:20px;}
}